<template>
  <div>
    SpreadJS
    <div ref="ssHost" style="height:500px;width:100%;text-align: left;"></div>
  </div>
</template>

<script setup lang="ts">
import { onMounted, ref } from 'vue'
import '@grapecity/spread-sheets/styles/gc.spread.sheets.excel2013white.css'
import GC from '@grapecity/spread-sheets'
const ssHost = ref('')
let workbook: GC.Spread.Sheets.Workbook
onMounted(() => {
  workbook = new GC.Spread.Sheets.Workbook(ssHost.value)
})
</script>
